<template>
  <div>
    <ul>
      <li v-for="result in results" :key="result.CurrentOpenTime">
        当前Opencode: {{ result.CurrentOpencode }}, 预测结果: {{ result.PredictedSum }}, 开奖时间: {{ result.CurrentOpenTime }}
        <br>
        比较Opencode: {{ result.PreviousOpencode }}, 开奖时间: {{ result.PreviousOpenTime }}
        <br>
        预测大小: {{ result.PredictedSize }}, 正确: {{ result.SizeCorrect }}
        <br>
        预测单双: {{ result.PredictedOddEven }}, 正确: {{ result.OddEvenCorrect }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    results: {
      type: Array,
      required: true
    }
  }
}
</script>

<style scoped>
ul {
  list-style-type: none;
  padding: 0;
}
li {
  border: 1px solid #ccc;
  margin: 10px;
  padding: 10px;
  border-radius: 5px;
}
</style>
